.bg-wrap{
    width:310px;
    border-radius: 2px;
    background: #0008;
    height:62px;
    padding: 2px 0;
    overflow: auto;
    box-shadow:0 -1px 0 6px #0008;
    transition: all 0.5s;
    opacity: 0.1;
}
.bg-wrap:hover{
    opacity: 1;
}
.bg-img{
    width:100px;
    height:60px;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
    background-color:#fff3;
}
.bg-img-mr5{
    margin-right: 5px;
}
.scrollable{
    scrollbar-width: thin;
    -ms-overflow-style: none;
}
.scrollable::-webkit-scrollbar{
    height:0px;
    width:0px;
}
.scrollable:hover::-webkit-scrollbar{
    height:2px;
}
.scrollable::-webkit-scrollbar-corner{
    height:0px;
    width:0px;
}
.scrollable::-webkit-scrollbar-thumb{
    background: #fff7;
    border-radius: 2px;
}
.scrollable::-webkit-scrollbar-thumb:hover{
    background: #fff;
}